<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03对象</title>
</head>
<body>
<!-- 
    问题：什么时候必须使用['属性名'] 的方式？
        1.属性名包含特殊字符： - 空格
        2.属性名不确定
 -->

<script type="text/javascript">
    var p ={}
    // 给 p 对象添加一个属性：content-type: text/json
    // p.content-type = 'text/json';

    p['content-type']='text/json'
    console.log(p['content-type'])

    
    // 2.属性名不确定
    var propName = 'myAge'
    var value = 18
    p[propName] = value
    console.log(p[propName] === p['myAge'])
    console.log(p['myAge'] === p.myAge)
    console.log(p.myAge === p[propName])
</script>
</body>
</html>